<script setup lang="ts">
import { Transition, ref } from 'vue'
// 以下导入是用于示例中的淡入淡出过渡效果，如果想自定义更多过渡动画，可按需引入相关CSS类等
import 'vue/dist/vue.esm-bundler.js'
// 定义响应式变量来控制内容的显示状态
const showContent = ref(false)
// 定义一个函数来切换内容的显示状态
function toggleContent() {
  showContent.value = !showContent.value
}
</script>
<template>
  <!--文字介绍-->
  <!--文字介绍-->
  <div class="my-container">
    <div class="my-area my-row">
      <div class="my-col-md-12">
        <div class="sub_cont" style="background-color: white; opacity: 0.8">
          <h1 @click="toggleContent" style="font-family: '华文行楷', cursive; font-size: 3em">
            中国共产党的成立
          </h1>
          <br />
          <Transition name="fade">
            <div class="font-cont" v-show="showContent">
              <hr />
              <h2>一、时代呼唤：中国共产党成立的背景</h2>
              <img src="https://p3-search.byteimg.com/obj/labis/55733d23ce32b4eba782d393f8c8309e" />
              <br />
              <p>
                辛亥革命虽然推翻了统治中国几千年的君主专制制度，但未能改变中国半殖民地半封建的社会性质和中国人民的悲惨命运。辛亥革命后，中国尝试过多种政治形式，都没能找到正确答案。
              </p>
              <br />
              <p>
                新文化运动是 20 世纪初中国一些先进知识分子发起的反对封建主义的思想解放运动。1915 年
                9
                月，陈独秀在上海创办《青年杂志》，后改名《新青年》，新文化运动由此发端。新文化运动提倡民主和科学，猛烈抨击以孔子为代表的
                “往圣先贤”，大力提倡新道德、反对旧道德，提倡新文学，反对文言文。这次运动有力地打击和动摇了长期以来封建正统思想的统治地位，唤醒了一代青年，使中国的知识分子尤其是广大青年受到一次西方民主和科学思想的洗礼，为马克思主义在中国的传播创造了有利条件。
              </p>
              <br />
              <p>
                1917
                年十月革命一声炮响，给中国送来了马克思列宁主义。中国先进分子从马克思列宁主义的科学真理中看到了解决中国问题的出路。十月革命发出的反对帝国主义的号召，使饱受帝国主义列强欺凌的中国人民感同身受。
              </p>
              <br />
              <p>
                五四运动的爆发，为中国共产党的成立提供了直接的现实条件和现实推动力。五四运动前后，伴随着中国人民的思想觉醒，马克思主义在中国广泛传播并日益成为进步思想的主流，马克思主义同中国工人运动的结合逐步深化。五四运动为中国共产党成立做了思想上和干部上的准备。
              </p>
              <br />
              <br />
              <h2>二、开天辟地：中国共产党的成立过程</h2>
              <img
                src="https://p3-search.byteimg.com/obj/tos-cn-i-qvj2lq49k0/29377de6135b4c95b84ee8810f5a73f7"
                alt="" />
              <br />
              <h3>（一）早期组织的蓬勃发展</h3>
              <br />
              <p>
                1920
                年，中国共产党早期组织如雨后春笋般涌现。在上海，陈独秀发起组织马克思主义研究会，8
                月，共产党早期组织在上海《新青年》编辑部成立，陈独秀任书记。这里实际上成为中国共产党的发起组织和各地共产主义者进行建党活动的联络中心。在上海成立的共产党早期组织，拟定了《中国共产党宣言》，为党的创建奠定了思想基础。
              </p>
              <br />
              <p>
                在北京，1920 年 3
                月，李大钊在北京大学组织成立马克思学说研究会，为建党作了重要准备。10
                月，李大钊等在北京成立共产党早期组织，时称
                “共产党小组”，同年底决定成立共产党北京支部，李大钊为书记。
              </p>
              <br />
              <p>
                在武汉，1920 年 8
                月，刘伯垂在武汉成立了共产党武汉支部。董必武、陈潭秋等积极开展革命活动，传播马克思主义。
              </p>
              <br />
              <p>
                在日本东京，旅日的周佛海参加了中共一大，代表着旅日的共产党早期组织。他们虽身处异国，但心系祖国革命事业。
              </p>
              <br />
              <p>
                在长沙，毛泽东、何叔衡以新民学会骨干为核心，秘密组建了共产党早期组织。他们积极研究和宣传马克思主义，为湖南地区的革命事业播下火种。
              </p>
              <br />
              <p>
                在济南，1920
                年春，王尽美、邓恩铭在济南成立了共产党早期组织。他们通过开展工人运动，提高工人阶级觉悟。
              </p>
              <br />
              <p>
                在广州，1921
                年春，谭平山、陈公博等人先是和无政府主义决裂，随后组织了广州共产党。他们积极开展革命活动，为广东地区的革命事业贡献力量。
              </p>
              <br />
              <p>
                在法国巴黎，1920
                年，身为北京共产党早期组织成员的北京大学讲师张申府赴法国里昂中法大学任教。1921
                年初，他介绍刘清扬加入中国共产党，接着又与刘清扬介绍旅法勤工俭学的周恩来入党。张申府、周恩来、刘清扬、赵世炎、陈公培等在巴黎成立了旅法共产党早期组织。旅法共产党早期组织成立后，开展了大量工作，如成立旅欧中国共产主义青年团，创办刊物《少年》（后改名为《赤光》）等。
              </p>
              <br />
              <h3>（二）发展方向明确社会主义</h3>
              <p>
                近代中国，各种救国方案纷纷破产，资产阶级共和国方案在中国也行不通。十月革命一声炮响，为中国送来了马克思列宁主义，社会主义逐步成为影响中国发展的主潮。中国共产党诞生于世界进入帝国主义和无产阶级革命时代，把实现社会主义、共产主义作为自己的奋斗目标。党的一大明确把党的名称定为
                “中国共产党”，奋斗目标是推翻资产阶级政权，实现无产阶级专政，消灭私有制，归社会公有。党的二大提出党的最高纲领是建立共产主义社会。从此，在中国共产党的领导下，社会主义成为中国发展的方向。
              </p>
              <br />
              <h3>（三）人民命运根本改变</h3>
              <p>
                中国共产党带领中国人民取得了革命、建设、改革的伟大胜利，开创和发展了中国特色社会主义，从根本上改变了中国人民和中华民族的前途命运。在新民主主义革命时期，中国共产党带领人民经过艰苦卓绝的斗争，推翻了帝国主义、封建主义、官僚资本主义的反动统治，建立了人民当家作主的中华人民共和国，中国人民从此站起来了。在社会主义革命和建设时期，中国共产党领导人民建立了独立的比较完整的工业体系和国民经济体系，为中国的发展奠定了坚实基础。在改革开放和社会主义现代化建设新时期，中国共产党领导人民开创了中国特色社会主义道路，实现了从高度集中的计划经济体制到充满活力的社会主义市场经济体制、从封闭半封闭到全方位开放的历史性转变，中国人民实现了从温饱不足到总体小康、奔向全面小康的历史性跨越。进入新时代，中国共产党领导人民为实现中华民族伟大复兴的中国梦而努力奋斗，中国人民的生活更加美好。
              </p>
              <br />
              <h3>（四）影响世界发展格局</h3>
              <p>
                中国共产党的成立开辟了人类历史新纪元，深刻改变了世界发展趋势和格局。中国共产党把反对帝国主义、封建主义、官僚资本主义作为新民主主义革命的主要任务，与无产阶级社会主义世界革命的方向一致，成为世界社会主义革命战线的同盟军。中国共产党的成立，壮大了世界社会主义革命阵营的力量，扩大了无产阶级社会主义世界革命的影响。中国共产党领导中国人民取得的伟大成就，为世界上那些既希望加快发展又希望保持自身独立性的国家和民族提供了全新选择，为解决人类问题提供了中国智慧和中国方案。
              </p>
              <br />
              <h2>四、先驱引领：中国共产党成立初期的主要人物</h2>
              <img src="../assets/110陈独秀.jpg" alt="" />
              <h3>（一）陈独秀</h3>
              <p>
                陈独秀是新文化运动的倡导者、发起者和主要旗手，“五四运动的总司令”，中国共产党的主要创始人之一和党早期主要领导人。
              </p>
              <br />
              <p>
                陈独秀在新文化运动中，高举民主与科学的大旗，猛烈抨击封建旧礼教、旧道德，提倡新文学，为马克思主义在中国的传播开辟了道路。他开创了中国的马克思主义运动，领导了新文化运动，提出了
                “马克思主义是中国救亡的唯一出路” 的口号，影响了当时的青年学生和知识分子。1919 年 5
                月 4
                日，他领导学生举行反对帝国主义和封建主义的爱国示威活动，标志着中国共产主义运动的发轫。他还倡导了妇女解放运动、推动了中国教育改革、提倡了文艺革命、倡导了爱国主义运动和思想启蒙运动，一生共有六大贡献。
              </p>
              <br />
              <p>
                然而，陈独秀在革命过程中也犯过一些错误。1927 年 4 月 12
                日，四一二政变后，国共第一次合作分裂。陈独秀在党内斗争中逐渐失去实权，7
                月被停职。八七会议上，陈独秀被批斗犯有严重的 “右倾投降主义” 错误。1929 年 11
                月，陈独秀在中东路等问题上发表不同意见，反对当时中共提出的 “武装保卫苏联”
                的口号，被开除党籍。1932 年 10
                月，陈独秀在上海以创办非法政党的罪名被蒋介石的南京政府逮捕，1937 年 8
                月提前获释。晚年陈独秀穷困潦倒，死因成谜。
              </p>
              <img src="../assets/111李大钊.jpg" alt="" />
              <h3>（二）李大钊</h3>
              <p>
                李大钊是中国共产主义运动的先驱，伟大的马克思主义者，杰出的无产阶级革命家，中国共产党的主要创始人之一。
              </p>
              <br />
              <p>
                李大钊出生于民族危机空前加重的半殖民地半封建社会，为寻求救国救民之路，他在俄国十月革命的影响下，开始在中国广泛宣传马克思主义。他丰富传播媒介，提高传播实效，通过报纸、杂志、课堂等多元化渠道，采用撰文、开栏、授课等方式，极大地增强了马克思主义传播实效。他开展思想论战，廓清思想误区，通过与非马克思主义的思想论战，捍卫和弘扬了马克思主义。他树立科学态度，坚持求真务实，主张以科学的态度学习和运用马克思主义理论，注重理论联系实际。
              </p>
              <br />
              <p>
                李大钊推动马克思主义与中国工人运动相结合，发现革命基础，启发工人觉悟。1927 年 4 月
                28 日，李大钊被奉系军阀抓捕，英勇就义，时年不足 38 周岁。
              </p>
              <img src="../assets/112李汉俊.jpg" alt="" />
              <h3>（三）李汉俊</h3>
              <p>
                李汉俊是中国最早的马克思主义启蒙者之一。他留学日本，受马克思主义研究先驱河上肇等人的影响，转向马克思主义研究。回国后，他积极介绍俄国十月革命和马克思主义，发表大量宣传马克思主义的文章，与陈独秀创办中国第一个工人阶级周刊《劳动界》，参加主编《新青年》，完成中国第一个系统介绍马克思《资本论》的译作《马格斯资本论入门》。
              </p>
              <br />
              <p>
                李汉俊为党的一大召开积极奔走，提供一大会场并承担相关会务工作。党的一大后，因与陈独秀、张国焘意见出现分歧，1922
                年春回到武昌，1923 年脱离共产党，1926
                年加入国民党。但他离开党组织后，仍坚持革命立场，利用蒋介石和汪精卫争夺国民党最高统治权力的矛盾，同省党部和政府内的反共右派进行斗争。1927
                年 12 月 17 日，李汉俊在武汉被桂系军阀胡宗铎逮捕并枪杀，年仅 37 岁。
              </p>
            </div>
          </Transition>
        </div>
      </div>
    </div>
  </div>
</template>

<style>
@import '@/modules/moules1/modules1_BigRevelution/assets/main.css';
</style>
<style scoped>
.sub_cont {
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  margin: 30px 50px;
  box-sizing: border-box;
  padding: 15px 30px;
  transition: all 0.3s ease-in-out;
  /* 平滑过渡效果 */
  transform: translateY(0);
  /* 初始状态，不移动 */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  /* 普通状态下轻微阴影 */
}

.sub_cont h1 {
  text-align: center;
  font-weight: bold;
}

.sub_cont h1:hover {
  cursor: pointer;
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  /* 悬浮时的阴影设置 */
  transform: translateY(-3px);
  /* 鼠标悬浮时向上移动 */
  transition: all 0.3s ease-in-out;
  /* 平滑过渡效果 */
  color: red;
}

/* .font-cont p {
  font-size: 1.2em;
  font-weight: bold;
} */
/* 添加过渡效果 */
.fade-enter-from {
  opacity: 0;
}
/* 淡入结束时的最终状态，元素完全不透明，可见 */
.fade-enter-to {
  opacity: 1;
}
/* 定义淡入的过渡时间和动画曲线等 */
.fade-enter-active {
  transition: opacity 0.5s ease;
}
/* 淡出开始时的初始状态，元素是完全不透明，可见 */
.fade-leave-from {
  opacity: 1;
}
/* 淡出结束时的最终状态，元素完全透明，不可见 */
.fade-leave-to {
  opacity: 0;
}
/* 定义淡出的过渡时间和动画曲线等 */
.fade-leave-active {
  transition: opacity 0.5s ease;
}
/* 对与图片的修改 */
img {
  width: 50%;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}
</style>
